<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/material.css">
    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <title></title>

    <script type="text/javascript">
        $(function(){
	        $.ajax({
                url:"/api/v1/material/rent",
                type:"GET",
                data:{},
                crossDomain: true, // 跨域，即不同域名、端口号可以访问
                contentType: 'application/json; charset=utf-8',  // 请求体数据格式 json字符串
                success:function(d){
                    //alert("ok")
                    if(d['status']==500){
                        alert(d['data']);
                    }
                    if(d['status']==200){
                        show(d['data']);
                    }
                },
			    error:function(){},
			    dataType:"json"
		    });
        });

        function show(data){
		    $.each(data,function (i,j){
				//每个用户的按钮id必须区分开
				$("#materialRent").append("<tr><td>"+j['materialId']+"</td>"+"<td>"+j['bookId']+"</td>"+"<td>"+j['rentNumber']+"</td>"+
                    "<td>"+j['rentTime']+"</td>"+"<td>"+j['auditState']+"</td>"+"<td>"+j['remark']+"</td>"+
						"<td><button id='update"+i+"' type='button'>修改</button>"
                        +"<button id='return"+i+"' type='button'>归还申请</button>"
                        +"<button id='delete"+i+"' type='button'>取消</button></td></tr>");
				
				
				
				$("#update"+i).click(function(){

				    if(j['auditState']=="租借等待"||j['auditState']=="租借审核不通过"){
                        var auditState = encodeURI(encodeURI(j['auditState']));
                        var remark = encodeURI(encodeURI(j['remark']));
                        window.open ("material_updateRent.html?materialId="+j['materialId']+"&&bookId="+j['bookId']+"&&rentNumber="+j['rentNumber']
                            +"&&rentTime="+j['rentTime']+"&&auditState="+auditState+"&&remark="+remark,
                            "newwindow", "height=400px, width=400, top=200px, left=500px, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")&nbsp;

                    }
                    else {

                    }

				});

                $("#return"+i).click(function(){

                    if(j['auditState']=="租借审核通过"){

                        // 请求数据体
                        var requestData = {
                            'materialId' : j['materialId'], // 通过id查找标签元素，val()获取该标签元素的值
                            'bookId' : j['bookId'],
                            'rentNumber' : j['rentNumber'],
                            'rentTime' : j['rentTime'],
                            'auditState' : "归还等待",
                            'remark' : j['remark']
                        };


                        //alert(realName);
                        $.ajax({
                            url:"/api/v1/material/rent",
                            type:"Patch",
                            data:JSON.stringify(requestData), // data:发送数据，JSON.stringify()转成json字符串
                            crossDomain: true, // 跨域，即不同域名、端口号可以访问
                            contentType: 'application/json; charset=utf-8',  // 请求体数据格式 json字符串

                            success:function(d){// 请求成功时执行的回调函数，d: 返回数据(json格式)
                                //alert("ok")
                                if(d['status']==500){
                                    alert(d['data']);
                                }
                                if(d['status']==200){
                                    alert("申请成功");
                                    window.opener.location.href = window.opener.location.href;
                                    window.close();
                                }
                            },
                            error:function(){},// 同理，请求失败执行的回调函数
                            dataType:"json" // 返回数据的格式 json
                        });

                    }
                    else {

                    }

					
				});

                $("#delete"+i).click(function(){

                    // 请求数据体
                    var requestData = {
                        'materialId' : j['materialId'], // 通过id查找标签元素，val()获取该标签元素的值
                        'bookId' : j['bookId'],
                        'rentNumber' : j['rentNumber'],
                        'rentTime' : j['rentTime'],
                        'auditState' : j['auditState'],
                        'remark' : j['remark']
                    };

                    $.ajax({
                        url:"/api/v1/material/rent",
                        type:"DELETE",
                        data:JSON.stringify(requestData), // data:发送数据，JSON.stringify()转成json字符串
                        crossDomain: true, // 跨域，即不同域名、端口号可以访问
                        contentType: 'application/json; charset=utf-8',  // 请求体数据格式 json字符串

                        success:function(d){// 请求成功时执行的回调函数，d: 返回数据(json格式)
                            //alert("ok")
                            if(d['status']==500){
                                alert(d['data']);
                            }
                            if(d['status']==200){
                                alert("删除成功");
                                window.opener.location.href = window.opener.location.href;
                                window.close();
                            }
                        },
                        error:function(){},// 同理，请求失败执行的回调函数
                        dataType:"json" // 返回数据的格式 json
                    });
				});
				
				
			});
	    }

    </script>

</head>
<body>
    <div>
        <div class="functionLabel">
           器材模块-->查看所有器材租借信息<br><br>
           <input type="button" value="返回"><br><br>
        </div>
        <div class="listAllMaterial">
        
            <form action=""  >
        
                <table class="listAllMaterialTable">
                    
                    <thead>

                        <tr>

                            <td>器材名称</td>
                            <td>预约编号</td>
                            <td>租借数量</td>
                            <td>租借日期</td>
                            <td>审核状态</td>
                            <td>备注</td>
                            <td>操作</td>
            
                        </tr>

                    </thead>

                    <tbody id="materialRent">

                    </tbody>
    

                </table>
        
            </form>
        </div>
    </div>
    
</body>
</html>